import { Component, OnInit, Input } from '@angular/core';
import { bindCallback } from 'rxjs';

@Component({
  selector: 'app-left-line',
  templateUrl: './left-line.component.html',
  styleUrls: ['./left-line.component.scss']
})
export class LeftLineComponent implements OnInit {

  @Input()width = 4;
  @Input()height = 20;
  // @Input()background = "#005BB6";
  @Input()background = "linear-gradient(0deg, #06C6DE 0%, #005DE7 100%)";
  @Input()radius = 2;
  @Input()text = "";

  @Input()fontFamily = 'PingFangSC-Medium';
  @Input()fontSize = '18px';
  @Input()fontColor = 'rgba(0,0,0,0.85)';
  @Input()textAlign = 'left';
  @Input()fontWeight = 'bolder';

  lineStyle(){
    let style = {
      'border-radius': this.radius + 'px'
    }
    return style;
  }
  fontStyle(){
    return {
      'font-family': this.fontFamily,
      'font-size': this.fontSize,
      'color': this.fontColor,
      'text-align': this.textAlign,
      'font-weight': this.fontWeight,
    }
  }

  constructor() { }

  ngOnInit() {

  }

}
